<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
          <i class="iconfont iconshuxian left-line"></i>
          <a href="javascript:" lay-href="">首页</a>
          <a><cite>我的财务</cite></a>
          <a><cite>我的发票</cite></a>
          <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
            <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
          </div>
        </div>
    </div>

    <div class="layui-card mt20">
        <div class="layui-card-body table-box">
            <form class="layui-form query-form" method="post" onsubmit="return false" lay-filter="form-invoice-list" id="form-invoice-list">
                <input type="hidden" name="clientStatusId"/>
                <input type="hidden" name="applyDateStart"/>
                <input type="hidden" name="applyDateEnd"/>
                <div class="layui-row block pb10">
                    <ul class="extra-l fl" id="queryStatus">
                        <li><a href="javascript:" class="curr" status="">全部</a></li>
                        <li><a href="javascript:" status="waitConfirm">待确认</a></li>
                        <li><a href="javascript:" status="invoiceing">开票中</a></li>
                        <li><a href="javascript:" status="invoiced">已开票</a></li>
                        <li class="fore2">
                            <div class="search-box" style="width: 520px">
                                <input type="text" name="keyword" class="layui-input" placeholder="系统单号/订单号/发票号/快递单号" style="width: 468px" />
                                <button type="submit" class="layui-btn" lay-submit="" lay-filter="search-invoice-list"><i class="layui-icon layui-icon-search"></i></button>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="layui-row">
                    <table class="zm-tab order-tab" id="tab-invoice-list">
                        <colgroup>
                            <col width="140">
                            <col>
                            <col width="160">
                            <col width="160">
                            <col width="120">
                            <col width="120">
                        </colgroup>
                        <thead>
                        <tr>
                            <th>
                                <div class="more-operation" zmark-more-operation="layui.invoiceList.setDate" id="invoice-list-date">
                                    <div class="more-operation-txt"><div></div><b></b><span class="blank"></span></div>
                                    <div class="more-operation-list">
                                        <ul></ul>
                                    </div>
                                </div>
                            </th>
                            <th>发票信息</th>
                            <th>开票金额</th>
                            <th>快递单号</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                    </table>
                    <div class="blank-list">
                        <i class="iconfont iconwushuju"></i>
                        <dd>无发票数据</dd>
                    </div>
                    <div class="zm-pagination">
                        <div id="invoice-list-pagination"></div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>

<script type="text/html" id="tpl-invoice-list">
    {{# layui.each(d,function(i,o){ }}
    <tbody>
    <tr class="sep-row">
        <td colspan="6"></td>
    </tr>
    <tr class="tr-th">
        <td colspan="6">
            <span class="mr30 ml10"><a href="javascript:" lay-href="/finance/invoiceInfo/id={{o.id}}" title="{{o.docNo}}" class="copy">{{o.docNo}}</a></span>
            <span>申请时间：</span>
            <span title="{{o.applyDate}}" class="mr30 color-black">{{o.applyDate}}</span>
            <span>开票类型：</span>
            <span class="mr30 color-black">{{layui.com.removeNull(o.taxTypeDesc)}}</span>
            <span>订单号：</span>
            <span class="mr30 color-black">{{layui.com.removeNull(o.orderNo)}}</span>
        </td>
    </tr>
    <tr class="tr-tb">
        <td colspan="2">
            <div class="goodsitem">
                <div class="layui-row">购方名称：{{layui.com.removeNull(o.buyerName)}}</div>
                <div class="layui-row">购方银行：{{layui.com.removeNull(o.buyerBankName)}}</div>
                <div class="layui-row">银行账号：{{layui.com.removeNull(o.buyerBankAccount)}}</div>
                <div class="layui-row">发票号码：{{layui.com.removeNull(o.invoiceNo)}}</div>
            </div>
        </td>
        <td>
            <div class="amount">
                <span>{{layui.com.formatCurrency(o.invoiceVal)}}</span>
            </div>
        </td>
        <td>
            <div class="amount">
                <span>{{layui.com.removeNull(o.expressNo)}}</span>
            </div>
        </td>
        <td>
            <div class="layui-row {{o.clientStatusId}}">{{o.clientStatusDesc}}</div>
            <a href="javascript:" lay-href="/finance/invoiceInfo/id={{o.id}}">查看详情</a>
        </td>
        <td>
            {{# if(o.clientStatusId == 'waitConfirm'){ }}
            <a href="javascript:" lay-href="/finance/invoiceInfo/id={{o.id}}" class="layui-btn hollowing">编码确认</a>
            {{# } }}
        </td>
    </tr>
    </tbody>
    {{# }); }}
</script>

<script>
    layui.use('invoiceList', layui.factory('invoiceList'));
</script>